// 新闻列表->文章列表加载功能-> 动态加载更多功能


// 列表总数
var total = 11
// 分页
var params = {
  pagenum: 1,
  pagesize: 5
}
// // 模板
// var str = `<div class="kr_news_date">
// 17 <span>08月</span>
// </div> `
// 列表内容
// var arr = [`
// <div class="kr_news_date">
//   16 <span>08月</span>
// </div>
// `]
// var arr
// 发送请求获取数据
// $(function () {
function loadinglist() {
    if (total <= 0) {
        return layer.msg('别点了/没了')
    }
        axios({
            url: 'api/articles',
            method: 'get',
            params: params
            
        }).then(
            res => {
                
                total = res.data.total - params.pagesize * params.pagenum
                // 总的文章列表数res.data.totalres.data.total
                // var t = $('.kr_news_list .item').size()
                // console.log(t)
                // if (res.status === 1) {
                //     alert('没有更多数据了')
                //     return
                // }
                // total = res.data.total
                // console.log(res.data.total)
                // arr = res
                res.data.data.forEach(function (item) {
                    // console.log(item.total)
                   var theDiv =  `
                    <div class="kr_news_date">
                      16 <span>08月</span>
                      </div>
                   <div class="item">
                     <h4>
                       <a href="./detail.html?id=${item.id}">${item.title}</a>
                     </h4>
                     <p class="meta">
                       <span>15分钟前 分享至</span>
                       <a href="javascript:;" class="wechat"></a>
                       <a href="javascript:;" class="weibo"></a>
                     </p>
                     <p class="brief">${item.content}</p>
                   </div>
                     `
        // console.log($('.kr_news_list'))
        $('.kr_news_list').append(theDiv)
      })



    })
}
loadinglist()


$('.kr_more a').on('click', function () {
  //  console.log(123)
  params.pagenum += 1
  loadinglist()
})
// })